<template>
  <div id="user">
    <div class="time">
      <p>&nbsp;&nbsp;时间参数</p>
      <div class="time_fanwei">
        <span class="time_text">时间范围</span>
        <span class="time_div"></span>
      </div>
      <div class="time_buchang">
        <span>时间步长</span>
        <span class="time_div1"></span>
      </div>
    </div>

    <div class="space">
      <p>&nbsp;&nbsp;空间参数</p>
        <div class="time_fanwei">
        <span class="time_text">经纬度</span>
        <span class="time_div"></span>
      </div>
      <div class="time_buchang">
        <span>高 &nbsp;度 </span>
        <span class="time_div1"></span>
      </div>
    </div>

    <div class="evation">
      <p>&nbsp;&nbsp;空间环境参数</p>
       <div class="time_fanwei">
        <span class="time_text">地磁指数</span>
        <span class="time_div"></span>
      </div>
      <div class="time_buchang">
        <span class="evation_sun">太阳活动指数</span>
        <span class="time_div1"></span>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
#user {
  margin-left: 40px;
  margin-top: 20px;
  p {
    width: 300px;
    height: 50px;
    background: url("@/assets/image/title_4.png") no-repeat;
    color: white;
    font-size: 18px;
  }
  .time_fanwei,
    .time_buchang {
      margin-top: 20px;
      font-size: 18px;
      margin-left: 50px;
    }
    .time_div {
      display: inline-block;
      width: 500px;
      height: 30px;
      border: 1px solid gainsboro;
      margin-left: 50px;
      margin-bottom: -10px;
    }
    .time_div1 {
      display: inline-block;
      width: 100px;
      height: 30px;
      border: 1px solid gainsboro;
      margin-left: 50px;
      margin-bottom: -10px;
    }
  .space {
    margin-top: 100px;
  }
  .evation{
     margin-top: 100px;
     .evation_sun{
      margin-left: -38px;
     }
  }
}
</style>